<h3 id="whats-new">What&#39;s New</h3>
<h2 id="default-npm-version-change">Default npm Version Change</h2>
<p>In the past, the AppRun default version on npm is 1.x. The CLI creates tsconfig for es5. You can use --es6 option to create tsconfig for 2.x.</p>
<p>On Feb 21, 2020, the default version on npm has been changed from 1.x to 2.x. And the CLI creates tsconfig for es2015. You can use --es5 option for 1.x.</p>
<p>When upgrading projects to the latest version (2.x), please modify the tsconfig from targeting es5 to es2015.</p>
<p>Currently, the npm tags are as following:</p>
<ul>
<li>apprun@es5: 1.x, stable, es5</li>
<li>apprun@latest: 2.x, stable, es2015, web components</li>
<li>apprun@next: 3.x, dev, es2015, web components, lit-html</li>
</ul>
<h2 id="recent-posts-and-publications">Recent Posts and Publications</h2>
<h2 id="observerble-hq-notebooks"><a href="https://observablehq.com/@yysun">Observerble HQ Notebooks</a></h2>
<ul>
<li><a href="https://observablehq.com/@yysun/introducing-apprun">Introducing AppRun</a></li>
</ul>
<h3 id="rust-webassembly-and-apprun"><a href="https://dev.to/yysun/rust-webassembly-and-apprun-3bei">Rust WebAssembly and AppRun</a></h3>
<h3 id="serverless-app-using-firebase-and-apprun"><a href="https://dev.to/yysun/serverless-app-on-firebase-using-apprun-1k46">Serverless App Using Firebase and AppRun</a></h3>
<h3 id="avoid-spaghetti-code-using-apprun"><a href="https://dev.to/yysun/apprun-helps-to-avoid-spaghetti-code-1835">Avoid Spaghetti Code using AppRun</a></h3>
<h3 id="create-a-phoenix-liveview-like-app-in-js-with-apprun"><a href="https://dev.to/yysun/create-a-phoenix-liveview-like-app-in-js-with-apprun-dc8">Create a Phoenix LiveView Like App in JS with AppRun</a></h3>
<h3 id="reactivity-in-apprun"><a href="https://dev.to/yysun/reactivity-in-apprun-31po">Reactivity in AppRun</a></h3>
<h3 id="apprun-event-directives"><a href="https://dev.to/yysun/apprun-events-directives-4jph">AppRun Event Directives</a></h3>
<h3 id="ceremony-vs-essence-revisited"><a href="https://dev.to/yysun/ceremony-vs-essence-revisited-5e77">Ceremony vs. Essence Revisited</a></h3>
<h3 id="database-driven-applications-using-websockets"><a href="https://dev.to/yysun/database-driven-applications-using-websockets-2b9o">Database-Driven Applications Using WebSockets</a></h3>
<p>This post introduces a new application architecture that allows event handling between the frontend apps and the backend business logic modules without REST API.</p>
<p><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ydBm2YgN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/yysun/apprun-websockets-sqlite/raw/master/architecture-new.png" alt=""></p>
<p>Published on Mar 9, 2020 6 min read</p>
<h3 id="use-state-machine-in-apprun-applications"><a href="https://dev.to/yysun/use-state-machine-in-apprun-applications-odo">Use State Machine in AppRun Applications</a></h3>
<p>This post describes how to create a state machine in AppRun applications to help event handling using a calculator as an example.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/i/fp4aodv0sdnbkosvuxgt.png" alt=""></p>
<p>Published on Mar 3, 2020 ・ 6 min read</p>
<h3 id="advanced-view-features-in-apprun"><a href="https://dev.to/yysun/advanced-view-features-in-apprun-17g5">Advanced View Features in AppRun</a></h3>
<p>This post describes the advanced usage of the AppRun <em>ref</em>, <em>element embedding</em>, and <em>directive</em> in the JSX view.</p>
<p>Published on Feb 28, 2020 ・ 4 min read</p>
<h3 id="strong-typing-in-apprun"><a href="https://medium.com/@yiyisun/strong-typing-in-apprun-78520be329c1">Strong Typing in AppRun</a></h3>
<p>This post is a complete guide for those want to opted-in TypeScript and strong typing for AppRun application development.</p>
<p><img src="https://cdn-images-1.medium.com/max/1600/1*RY-DEfVgOjj_clIEW4HeTA.png" alt=""></p>
<p>Published on May 17, 2019 · 8 min read</p>
<h3 id="announcing-apprun-directives"><a href="https://medium.com/@yiyisun/announcing-apprun-directives-6a063f88379c">Announcing AppRun Directives</a></h3>
<p>This post introduces the two built-in directives and then describes how to create custom directives.</p>
<p>Published on May 12, 2019 · 3 min read</p>
<h3 id="apprun-book-from-apress"><a href="https://www.amazon.com/Practical-Application-Development-AppRun-High-Performance/dp/1484240685/">AppRun Book from Apress</a></h3>
<p><a href="https://www.amazon.com/Practical-Application-Development-AppRun-High-Performance/dp/1484240685/"><img src="https://camo.githubusercontent.com/99fad1f024c274a3d752a1583cf125037583811c/68747470733a2f2f696d616765732e737072696e6765722e636f6d2f7367772f626f6f6b732f6d656469756d2f393738313438343234303638372e6a7067" alt="Order from Amazon"></a></p>
<p>Published on Jan 9, 2019</p>
<h3 id="make-cli-run-in-the-console"><a href="https://dev.to/yysun/make-cli-run-in-the-console-42ho">Make CLI Run in the Console</a></h3>
<p>We have been using the command line interface (CLI) in the terminal window and the command prompt. Have you thought of a CLI in the console of the browser&#39;s developer tool?</p>
<p><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5p8ESaes--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/khumq8np94i5uwo9bwn1.png" alt=""></p>
<p>Published on Aug 10, 2018 · 1 min read</p>
<h3 id="making-aspnet-core-mvc-apps-into-single-page-apps-using-apprun"><a href="https://medium.com/@yiyisun/making-asp-net-core-mvc-apps-into-single-page-apps-using-apprun-e1ae4dbc60da">Making ASP.NET Core MVC Apps into Single Page Apps using AppRun</a></h3>
<p>A single-page application (SPA) is a web application or web site that interacts with the user by dynamically rewriting the current page…</p>
<p><img src="https://cdn-images-1.medium.com/max/1600/1*1ZtgK-R4YDb8P4ahLq60Hg.png" alt=""></p>
<p>Published on Aug 7, 2018 · 3 min read</p>
<h3 id="i-also-created-the-exact-same-app-using-apprun"><a href="https://medium.com/@yiyisun/i-also-created-the-exact-same-app-using-apprun-dd1860cb8112">I Also Created the Exact Same App Using AppRun</a></h3>
<p>I felt it was quite fun to compare AppRun with Redux and React Context API last time. Today, I found another great post titled “I created…</p>
<p><img src="https://cdn-images-1.medium.com/max/1600/1*DWsG3B2utcEmD1rKSbIVpA.png" alt=""></p>
<p>Published on Aug 5, 2018 · 7 min read</p>
<h3 id="redux-vs-the-react-context-api-vs-apprun"><a href="https://medium.com/@yiyisun/redux-vs-the-react-context-api-vs-apprun-f324bee8cbbf">Redux vs. The React Context API vs. AppRun</a></h3>
<p>Recently, I have read a great post titled ‘Redux vs. The React Context API’ (<a href="https://daveceddia.com/context-api-vs-redux">https://daveceddia.com/context-api-vs-redux</a>). It is the type…</p>
<p><img src="https://cdn-images-1.medium.com/max/1600/1*_bvkERxKewur67C5zowOBQ.png" alt=""></p>
<p>Published on Jul 31, 2018 · 3 min read</p>
<h3 id="deep-dive-into-apprun-events"><a href="https://medium.com/@yiyisun/deep-dive-into-apprun-events-1650dc7811ea">Deep Dive into AppRun Events</a></h3>
<p>Published on Sep 10, 2017 · 8 min read</p>
<h3 id="deep-dive-into-apprun-state"><a href="https://medium.com/@yiyisun/deep-dive-into-apprun-state-3d6fb58b1521">Deep Dive into AppRun State</a></h3>
<p>Published on Sep 9, 2017 · 6 min read</p>
<h3 id="building-applications-with-apprun"><a href="https://medium.com/@yiyisun/building-applications-with-apprun-d103cd461bae">Building Applications with AppRun</a></h3>
<p>AppRun is a Javascript library for building reliable, high-performance web applications using the Elm inspired Architecture, events and components.</p>
<p><img src="logo.png" alt=""></p>
<p>Published on Jul 2, 2017 · 5 min read</p>
<h2 id="video-tutorials">Video Tutorials</h2>
<ul>
<li><a href="https://www.youtube.com/watch?v=RuRmXEN2-xI">Building Applications with AppRun, Part 1 - Getting Started</a></li>
<li><a href="https://www.youtube.com/watch?v=qkP6HvZmhtY">Building Applications with AppRun, Part 2 - Components</a></li>
</ul>
